@import "../../../assets/styles/flex.less";
@import "~antd/lib/style/themes/default.less";
@import "../../../assets/styles/size.less";

.sidebar-left {
  background-color: cornflowerblue;
  .flexV;
  width: @left-hide-width;
  border-right: 1px dashed #c1c1c1;

  &.open{
    width: @left-show-width;
  }

  .menu-content{
    .flex-1;
    overflow: auto;
  }

  &.light {
    background-color: #fff;
    .ant-menu {
      border-right: 0;
      background: #fff;
      &.ant-menu-sub {
        background-color: #fafafa;
      }
    }
  }

  &.dark {
    background-color: #30363e;
    .ant-menu {
      border-right: 0;
      background: #30363e;
      &.ant-menu-sub {
        background-color: #282d33;
      }
    }
  }
}
